*{margin:0;padding:0}
li{list-style:none}
.banners img{max-width:100%}
a{text-decoration:none;color:#666;}
a:hover {color:#f39900; }
img{max-width:100%;}
.w{width:1200px;margin:0 auto}
.fl{float:left;}
.fr{float:right}
.head{width:1200px;height:105px;margin:0 auto; clear:both; }
.logo{width:18%;overflow: hidden;}
.logo img{width: auto;height: auto;max-height:100px}
.clear{clear: both;}
.wap_nav{display:none}
.nav{width:80%;height:105px}
.nav ul li p{font-size: 16px;font-weight: bold;color:#989898}
.nav ul li{float:left;line-height:105px}
.nav ul li > a{display: block;padding:0 25px;}
.nav ul li img{vertical-align:middle}
.nav a{color:#989898}
.nav a:hover{color:#fa9600}

.swiper-pagination-bullet{width:11px;height:11px;background:#fff;opacity:1}
.swiper-pagination-bullet-active{width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,0.3);border:2px solid #fff;opacity:1}
.content_bottom{padding-top:25px;height:95px;border-bottom:1px solid #c5c6c6;display:flex;justify-content:space-around}
.content_bottom .cart{text-align:center}

.product{margin-top:80px;text-align:center}
.product_nav{height:155px;margin:30px auto}
.product_nav li{float:left;margin:6px 0}
.product_nav li:nth-child(-n+4):nth-child(n+1){margin-right:12px}
.product_nav li:nth-child(-n+9):nth-child(n+6){margin-right:12px}
.product_nav li a{display:block;width:230px;height:65px;background-color:#eee;line-height:65px;color:#333}
.product_nav li a:hover{color:#fff;background:#fa9600}
.product_content{overflow:hidden}

.content_inner{width:549px;height:641px;border:1px solid #bbb;padding:20px 18px 0}
.content_inner .inner_img{border-bottom:1px solid #bbb;padding: 10px;}
.content_inner:nth-child(2) .inner_img{padding-bottom: 56px;}
.content_inner .inner_img img{width: 100%;height: auto;}
.content_inner p{line-height:65px;color:#333}
.product_bottom .bottom_content{width:1540px;height:365px;margin:30px 0 35px -150px}

.bottom_inner{width:260px;height:300px;border:1px solid #bbb;padding:30px 13px;float:left;margin-right:15px}
.bottom_inner p{margin-top:25px;color:#333}
.bottom_inner .inner_img{padding-bottom:25px;border-bottom:1px solid #bbb}
.bottom_inner .inner_img img{max-height:205px;}

.product_bottom{width:1200px;margin:0 auto;overflow:hidden}

.more{width:1200px;height:50px;margin:0 auto 80px;border:1px solid #f39900;border-radius:10px;text-align:center}
.more a{color:#f39900}
.more span{display:inline-block;width:30px;height:30px;border-radius:50%;background:#f39900;color:#fff;font-size:21px;margin:10px 0 0 5px}

.case{overflow:hidden;margin-bottom:25px}
.case h1{text-align:center}

.case_content{width:585px;height:320px;margin-top:35px}

.case_details{width:235px;height:300px;padding:20px 35px 0;background:#f5f5f6}
.case_details h3{color:#666666;font-size:24px;line-height:30px}
.case_details p{color:#b4b4b5;line-height:25px}

.partner{background:#0b1a30;width:100%;height:300px;padding:80px 0;margin-bottom:80px}
.partner h1{color:#fa9600;text-align:center}
.partner_inner img{float:left;margin-top:30px}
.partner_inner img:nth-child(-n+5):nth-child(n+1),.partner_inner img:nth-child(-n+11):nth-child(n+6){margin-right:28px}

.news h1{text-align:center;margin-bottom:15px}
.news_nav{height:70px;position:relative}
.news_nav h3{font-weight:600;color:#555}
.nav01{position:absolute;left:443px}
.tabs_click{width:55px;height:1px;background:#fa9600;text-align:center;margin:10px 0 0 10px}
.nav02{position:absolute;left:560px}
.nav03{position:absolute;left:680px}

.news_content{display:flex;justify-content:space-between;margin-bottom:40px}
.news_inner{width:380px;height:413px;background:#f3f3f4;border-bottom:2px solid #b6b6b7}
.news_inner:hover{border-bottom:2px solid #fa9600}

.new_details{padding:0 20px}
.new_details h3{margin-top:10px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_details .time{color:#666;font-size:16px}
.new_details span{display:block;font-size:15px;color:#727272;margin:10px 0 5px;height:75px;line-height:25px;overflow:hidden;}
.new_details a{color:#333}
.new_details div{color:#000;}

.footer_top{width:100%;height:auto;background:#222;padding:60px 0 15px;border-bottom:1px solid #363636}
.footer_top .left{width:260px;height:200px;margin:0 0 0 40px;line-height:50px}
.footer_top .left h4{color:#fcffef}
.footer_top .left li{color:#929397;float:left;margin-right:60px}
.footer_top .center{width:300px;margin:0 200px 0 80px}
.footer_top .center h4{margin:12px 0 25px 0;color:#fcffef}
.footer_top .center h1{font-weight:500;color:#fcffef}
.footer_top .center h2{color:#fa9600;margin:5px 0 25px 0}
.footer_top .center p{line-height:30px;color:#8f949f}
.footer_top .right{text-align:center;width:180px;height:210px;margin:20px 0 0 75px;overflow: hidden;}
.footer_top .right img{width: 100%;max-width:150px;}
.footer_top .right p{margin-top:5px;color:#83878f}
.footer_bottom{width:100%;height:70px;background:#292a2e;color:#b7b7b7;line-height:70px;font-size:12px}
.footer_bottom p a{color:#b7b7b7}
.wap_inner{display:none}
/*  */
.clear{display:block;clear: both;}
.fl_link{padding:20px 0;background:#222222}
.fl_link dt{float:left;color:#929397;font-size:12px}
.fl_link dd{float:left;color:#929397;font-size:12px;}
.fl_link dd a{color:inherit;margin-right:5px;}
/*  */
.nav ul li{position:relative;}
.twoMenu{display:none;background:#fff;left:0;padding-bottom:0;z-index:99;position: absolute;top:100%;background:#fff;min-width:100%;}
.nav ul li .twoMenu li{padding:none;height:auto;width:100%;}
.nav ul li .twoMenu li:hover{background:#FA9600;}
.nav ul li .twoMenu li:hover a{color:#fff;}
.nav ul li .twoMenu li a{padding:0 10px;white-space: nowrap;}
.twoMenu a{background-image:none;font-size:14px;text-align:center;display:block;line-height: 45px;color:#989898;}
.float{position: fixed;top: 200px;right: 0;z-index: 99999}
.float .c{height: 60px;width: 60px;position: relative;background-repeat: no-repeat;background-color:white;background-position: center;border: 1px solid silver;cursor: pointer;}
.float .c1{background-image: url("../images/QQ1.png")}
.float .c3{background-image: url("../images/wx.png")}
.float .c4{background-image: url("../images/retop.png")}
.float .c4{display: block}
.float .c1 .text{display: none;position: absolute;top: 0;right: 60px;width: 160px;padding: 0 100px 0 10px;background: white;}
.float .c1 .text a{display: block;background-image: url('../images/kfqq.png');background-position: center right;background-repeat: no-repeat;padding: 5px;}

.float .c1:hover .text{display: block}
.float .c3 .text{display: none;position: absolute;top: -40px;left: -140px;}
.float .c3:hover .text{display: block}
.float .c1.on,.float .c:hover{background-color: darkblue;transition: 0.5s;}
/*  */
.left_box{position:fixed;top:40%;right:10px;width:55px;z-index:9;border:1px solid #DFDFDF;background:#fff;}
.left_box li{height:60px;width:100%;background-size:32px;background-repeat: no-repeat;background-position: center;background-color:#fff;cursor: pointer;position:relative;}
.left_box li a{display:block;width:100%;height:100%;}
.left_box li+li{border-top:1px solid #DFDFDF;}
.kf_ewm{background-image:url(/images/wx.png);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.kf_qq{background-image:url(/images/QQ1.png);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.kf_email{background-image:url(/images/email.png);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.kf_tel{background-image:url(/images/tel.png);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.left_box li:hover{background-color:#255B9A}
.kf_ewm:hover{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);background-image:url(/images/weixin_active.png);}
.kf_qq:hover{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);background-image:url(/images/QQ_active.png);}
.kf_email:hover{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);background-image:url(/images/email_active.png);}
.kf_tel:hover{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);background-image:url(/images/tel_active.png);}
.returntop:hover{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);background-image:url(/images/retrun_active.png);}
.kf_zaixian{background-image:url(/images/kefu.png);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.returntop{display:none;background-image:url(/images/retop.png);}
.kf_img{top:0;right:55px;position:absolute;transition: all 0.5s;padding:5px;background:#fff;width:150px;min-height:150px;border-radius:5px;margin-top:0;display:none;border:1px solid #eee;text-align:center;font-size:13px;margin-bottom:5px;}
.kf_info{top:0;right:55px;position:absolute;transition: all 0.5s;padding:5px 10px;background:#fff;min-width:180px;height:100%;border-radius:0;margin-top:0;display:none;border:1px solid #eee;text-align:left;font-size:18px;line-height:50px;justify-content:center;align-items:center;flex-direction:column;}
.kf_ewm:hover .kf_img{right:55px;display:block;}
.left_box li:hover .kf_info{right:55px;display:flex;}
.left_box li .kf_info a{height:auto;line-height:normal;}
.kf_img img{width:100%;}
/*  */
.m_footer{position: fixed;bottom:0;left:0;width:100%;height:50px;z-index:99;background:#F39900;display:none;}
.m_footer ul{display:flex;width:100%;height:100%;}
.m_footer ul li{
    flex:1;display: flex;
    justify-content: center;
    align-items: center;
}
.m_footer ul li + li{border-left:1px solid #fff;}
.m_footer ul li a{display: block;text-align:center;color:#fff;}
.m_footer ul li p{margin-top:5px;}
.m_webewm{display:none;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:100;background:#fff;padding:10px;}
.mask{display: none;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:50;position: fixed;}
.m_banner{display:none;}
.wap_mask{position:fixed;top:0;bottom:0;right:0;left:0;z-index:998;background:rgba(0,0,0,0.5);display:none;}
.wap_nav{position:fixed;top:0;bottom:0;left:-100%;width:100%;display:flex;z-index:999;transition:left 0.3s}
.wap_nav.active{transition:left 0.3s;left:0;}
.wap_nav_list{width:80%;background:#f5f5f5;}
.close_wap_nav{width:20%;height:75px;background:#F39900 url(../images/close_wap.png) no-repeat center;}
.wap_nav_list li{list-style:none;}
.wap_nav_list > li{min-height:55px;background:#f5f5f5;padding:0 15px;position:relative;}
.wap_nav_list > li:first-child{height:75px;line-height:75px;}
.wap_nav_list > li:first-child a{line-height:75px;}
.wap_nav_list > li:nth-child(2n){background:#fff;}
.wap_nav_list > li a{display:block;line-height:55px;color:#333;font-size:18px;}
.wap_two_nav{display:none;}
.wap_nav_list .wap_two_nav a{font-size:14px;line-height:55px;color:#a7a7a7;}
.wap_nav_list .wap_two_nav li + li{border-top:1px solid #999}
.wap_icon{position:absolute;right:0;height:55px;width:55px;background:url(../images/arrow-bottom.png) no-repeat center;top:0;background-size: 20px;}
.wap_icon.active{background-image:url(../images/arrow-top.png);}
.wap_head{
    display: none;
    height: 50px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
}
.wrap_show{width:50px;height:50px;position:absolute;right:0;top:0;background:#F39900 url(../images/wap_menu.png) no-repeat center;background-size:50%}
.wap_head img{
    margin-top:8px;
    margin-left: 5px;
    max-height:100%;
    max-height:100%;
    width:180px;
}
.wap_head_zw{display:none;}
.wap_top_icon{position:absolute;right:50px;padding-right:10px;top:50%;transform:translateY(-50%);}
.wap_top_icon img{width:30px;margin-right:5px;}
.wap_top_icon a{position:relative;}
.wap_top_icon .wap_ewm{position:absolute;top:21px;left:-35px;padding:5px;box-shadow:0 3px 6px #ddd;background:#fff;border-radius:5px;width:100px;display:none;}
.wap_top_icon .wap_ewm img{width:100%;margin:0;}
.wap_mask1{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9;display:none;}
.wap_nav.active{display:flex;}

@media (max-width:767px){
    .m_banner,.wap_head,
    .m_footer{display:block;}
    .w{width:100%}
    p,h3,h5,a{font-size:12px}
    h1{font-size:14px}
    body{padding-top:50px;padding-bottom:50px;}
    .head{width:100%;height:65px;display:flex;justify-content:space-between; clear:both;padding:0 10px;box-sizing:border-box;border-bottom:1px solid #ddd;position: fixed;background: #fff;top:0;left:0;width:100%;z-index:9;display:none;}
    .wap_nav{display:block}
    .wap_nav img{width:30px;margin-top:17px}
    .head .logo{width: 50%;}
    .head .logo img{width:auto;max-height:100%;}
    .head .nav{display:none;width:100%}
    .nav ul li{margin:0;line-height:0}
    .left_box{display:none;}
    .product{margin-top:15px}
    .product_nav{margin:10px auto;height:245px}
    .product_nav ul{display:flex;justify-content:space-around;flex-wrap:wrap}
    .product_nav ul li{margin:4px 0;width:48%}
    .product_nav li:nth-child(-n+4):nth-child(n+1){margin-right:0px}
    .product_nav li:nth-child(-n+9):nth-child(n+6){margin-right:0px}
    .product_nav li a{width:100%;height:40px;line-height:40px}
    .product_bottom{width:100%;display:none;}
    .product_content{display:flex;margin: 0;justify-content: space-between;padding:15px 5px;box-sizing:border-box;}
    .content_inner{width:48%;height:262px;transform:scale(1);padding:0}
    .content_inner .inner_img img{width:160px;height:160px}
    .content_inner p{line-height:20px;margin-top:10px}

    .more{width:50%;height:35px;margin-bottom:25px}
    .more span{width:20px;height:20px;font-size:12px}
    .case{margin-bottom:0;}
    .case_content{width:100%;height:auto;display:flex;justify-content:center;margin-top:10px;overflow:hidden;flex-wrap:wrap;padding:15px 5px;box-sizing:border-box;}

    .case_details{width:100%;height:auto;padding:10px 15px 0;box-sizing:border-box;}
    .case_details h3{font-size:16px}
    .case_details p{font-size:12px;line-height:20px;padding-bottom:10px;}

    .details_right{width:100%;height:auto}
    .details_right img{height:auto;width:100%;}

    .partner{padding:15px;height:auto;margin-bottom:20px;box-sizing:border-box;}
    .partner h1{font-size:20px;margin-bottom:10px;}
    .partner_inner{display:flex;justify-content:space-around;flex-wrap:wrap}
    .partner_inner a{display:block;width:32%;margin-right:2%;height:60px;overflow:hidden;text-align:center;background:#fff;margin-bottom:10px;}
    .partner_inner a:nth-child(3n){margin-right:0;}
    .partner_inner img{margin-top:3px;width:100px;height:55px}
    .partner_inner img:nth-child(-n+5):nth-child(n+1),.partner_inner img:nth-child(-n+11):nth-child(n+6){margin-right:0}

    .news_nav{height:35px}
    .nav01{position:static}
    .nav02{position:static}
    .nav03{position:static}

    .news h1{font-size:20px;}
    .news_nav ul{display:flex;justify-content:center}
    .news_nav ul li{margin:0 5px}
    .tabs_click{width:65%;margin:4px 0 0 10px}

    .news_content{flex-wrap:wrap;margin-bottom:14px}

    .news_inner{width:92%;height:370px;margin:0 auto 10px}
    .news_inner img{width:99%}
    .news_inner .new_details h3{font-size:17px}
    .news_inner .new_details span{font-size:12px;margin:7px 0 0}
    .content_inner:nth-child(2) .inner_img{padding-bottom: 13px;}

    .footer_top{padding-top:0;height:465px;padding-bottom: 30px;}
    .footer_top .left{width:100%;height:60px;margin:0;text-align:center;line-height:30px;margin-top:10px}
    .footer_top h4{font-size:14px}
    .footer_top .left ul{display:flex;justify-content:space-around}
    .footer_top .left ul li{margin:0}
    .footer_top .center{width:100%;text-align:center;margin:0}
    .footer_top .center h4{margin:5px 0 15px 0}
    .footer_top .center h2{margin:4px 0}
    .footer_top .center p{line-height:20px}
    .footer_top .right{text-align:center;width:100%;margin:0;height: auto;padding: 20px 80px;box-sizing: border-box;}
    .footer_bottom{padding-top:15px;height:55px;line-height:19px}
    .footer_bottom >div{text-align:center}
    .footer_bottom p{float:none}
    .line{display:none}

    .wap_inner{width:100%;height:100%;z-index:10;background:#fff;position:fixed;top:0;left:0;display:none !important;justify-content:space-between}
    .wap_inner li{padding: 0 10px;font-size:14px;width:100%;height:55px;line-height:55px;background-color:#F4F4F4}
    .wap_inner li:nth-child(odd){background:#fff}

    .search{position:relative}
    .search input{width:200px;height:28px}
    .search img{position:absolute;top:15%;right:39%}

    .wap_inner li a{width:100%;display:block;color:#000;font-size:16px}
    .wap_inner li img{width:40px}
    .wap_inner .close{width:55px;height:55px;background:#000;line-height:55px;text-align:center;position:absolute;right:0;top:0;}
    .wap_inner .close img{width:25px;vertical-align: middle;}
    .active{display:block}
    /*  */
    .content_bottom .cart{width:25%}
    .float{display: none;}
}
@media (min-width:768px) and (max-width:991px){
    .w{width:100%}
    .wap_head{display: block;}
    .head{display:none !important}
    p,h3,h5,a{font-size:12px}
    h1{font-size:14px}
    .head{width:95%;height:65px;display:flex;justify-content:space-between; clear:both; }
    .wap_nav{display:block}
    .wap_nav img{width:40px;margin-top:10px}
    .head .logo img{width:auto;max-height:100%;}
    .head .nav{display:none;width:100%}
    .nav ul li{margin:0;line-height:0}

    .product{margin-top:15px}
    .product_nav{margin:10px auto;height:245px}
    .product_nav ul{display:flex;justify-content:space-around;flex-wrap:wrap}
    .product_nav ul li{margin:4px 0;width:48%}
    .product_nav li:nth-child(-n+4):nth-child(n+1){margin-right:0px}
    .product_nav li:nth-child(-n+9):nth-child(n+6){margin-right:0px}
    .product_nav li a{width:100%;height:40px;line-height:40px}
    .product_bottom{width:100%}
    .product_content{display:flex;margin: 0;justify-content: space-between;padding:15px 5px;box-sizing:border-box;}
    
  
  
    .content_inner{width:48%;height:220px;transform:scale(1);padding:0}
    .content_inner .inner_img img{width:160px;height:160px}
    .content_inner p{line-height:20px;margin-top:10px}
    .bottom_inner{width: 100%;height: auto;padding: 0;margin-right: 0;}
    .bottom_inner p{margin-top: 0;line-height: 3;}
    .bottom_inner .inner_img{padding-bottom: 0;}


    .more{width:50%;height:35px;margin-bottom:25px}
    .more span{width:20px;height:20px;font-size:12px}
    .case{margin-bottom:0;}
    .case_content{width:100%;height:auto;display:flex;justify-content:center;margin-top:0px;overflow:hidden;flex-wrap:wrap;padding:10px;box-sizing:border-box;}

    .case_details{width:60%;height:auto;padding:0;box-sizing:border-box;}
    .case_details h3{font-size:16px}
    .case_details p{font-size:12px;line-height:20px;padding-bottom:0px;}

    .details_right{width:40%;height:200px;padding: 0 10px;box-sizing: border-box;}
    .details_right img{height:100%;width:100%;}

    .partner{padding:15px;height:auto;margin-bottom:20px;box-sizing:border-box;}
    .partner h1{font-size:20px;margin-bottom:10px;}
    .partner_inner{display:flex;justify-content:space-around;flex-wrap:wrap}
    .partner_inner a{display:block;width:32%;margin-right:2%;height:60px;overflow:hidden;text-align:center;background:#fff;margin-bottom:10px;}
    .partner_inner a:nth-child(3n){margin-right:0;}
    .partner_inner img{margin-top:3px;width:100px;height:55px}
    .partner_inner img:nth-child(-n+5):nth-child(n+1),.partner_inner img:nth-child(-n+11):nth-child(n+6){margin-right:0}

    .news_nav{height:35px}
    .nav01{position:static}
    .nav02{position:static}
    .nav03{position:static}

    .news h1{font-size:20px;}
    .news_nav ul{display:flex;justify-content:center}
    .news_nav ul li{margin:0 5px}
    .tabs_click{width:65%;margin:4px 0 0 10px}

    .news_content{flex-wrap:wrap;margin-bottom:14px}

    .news_inner{width:100%;height:auto;margin:0 auto;display: flex;box-sizing: border-box;}
    .news_inner img{width:100%;height:100%;box-sizing: border-box;padding: 10px;}
    .news_inner .new_details{box-sizing: border-box;padding: 10px;}
    .news_inner .new_details h3{font-size:17px}
    .news_inner .new_details span{font-size:12px;margin:0 }

    .footer_top{padding-top:0;height:465px}
    .footer_top .left{width:100%;height:60px;margin:0;text-align:center;line-height:30px;margin-top:10px}
    .footer_top h4{font-size:14px}
    .footer_top .left ul{display:flex;justify-content:space-around}
    .footer_top .left ul li{margin:0}
    .footer_top .center{width:100%;text-align:center;margin:0}
    .footer_top .center h4{margin:5px 0 15px 0}
    .footer_top .center h2{margin:4px 0}
    .footer_top .center p{line-height:20px}
    .footer_top .right{text-align:center;width:100%;margin:0}
    .footer_bottom{padding-top:15px;height:55px;line-height:19px}
    .footer_bottom >div{text-align:center}
    .footer_bottom p{float:none}
    .line{display:none}

    .wap_inner{width:100%;height:100%;z-index:10;background:#fff;position:fixed;top:0;left:0;display:none;justify-content:space-between;display:none !important;}
    .wap_inner li{padding:10px;font-size:14px;width:100%;height:50px;line-height:50px;background-color:#F4F4F4}
    .wap_inner li:nth-child(odd){background:#fff}

    .search{position:relative}
    .search input{width:200px;height:28px}
    .search img{position:absolute;top:15%;right:39%}

    .wap_inner li a{width:100%;display:block;color:#000;font-size:25px}
    .wap_inner li img{width:40px}
    .wap_inner .close img{position:absolute;right:0;top:0;width:73px}
    .active{display:block}
    /*  */
    .content_bottom .cart{width:25%}
    .box-left{display:none !important;}
    .prolist2 ul li{width:32%;margin-right:2% !important}
    .prolist2 ul li:nth-child(3n){margin-right:0 !important;}


}
@media (min-width:1200px){
    .bottom_inner p{height:66px;overflow:hidden;line-height:22px;}
}